<script setup lang="ts">
// 获取package.json中的version
import { version } from "../../package.json";
</script>

<template>
  <main>
    <div class="blue">
      <a-row type="flex">
        <a-col flex="1">
          <div style="padding: 10px;">
            <div style="display: flex;flex-direction: row;align-items: center;">
              <Logo size="50" :transparent="true" />
              <div style="height: 100%;padding-left: 10px;color: #fff;font-size: 16px;">
                <div style="color: #fff;font-size: 20px;font-weight: 700;">
                  星察数据 <span
                    style="font-size: 14px;font-weight: 700"
                  >{{ version }}</span>
                </div>
              </div>
            </div>
          </div>
        </a-col>
        <a-col>
          <a href="http://www.xingcha365.com/" style="margin-top: 25px;margin-right: 10px;font-size: 10px;background: rgba(255,255,255,0.3);padding:0 10px;border-radius: 10px;color: #fff;display: inline-block;">
            进入官网 >
          </a>
        </a-col>
      </a-row>
      <a-divider style="padding: 0;margin: 0;margin-bottom: 10px;background: #ffffffaa;" />
      <a-row type="flex" style="font-size: 12px;padding-bottom: 10px;">
        <a-col flex="1">
          <a href="https://taobao.com" style="color: #fff;">
            淘宝网
          </a>
        </a-col>
        <a-col flex="1">
          <a href="https://taobao.com" style="color: #fff;">
            生意参谋
          </a>
        </a-col>
        <a-col flex="1">
          <a href="https://myseller.taobao.com/" style="color: #fff;">
            千牛后台
          </a>
        </a-col>
        <a-col flex="1">
          <a href="https://adbrain.taobao.com/" style="color: #fff;">
            万象台
          </a>
        </a-col>
      </a-row>
    </div>
  </main>
</template>

<style scoped>
.blue {
  background: url("../assets/background.png") no-repeat 100% 100%;
  background-size: cover;
  width: 100%;
  /*height: 100px;*/
  /*border-radius: 5px;*/
}
main{
  width: 350px;
  height: auto;
  text-align: center;
  border-radius: 5px;
  overflow:hidden;
}
</style>
